﻿<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />

    <script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.js" type="text/javascript"></script>

    <script type="text/javascript">
        var map;
        var myCredentials = "YOUR_BING_MAPS_KEY";

        function GetMap() {
            map = new Microsoft.Maps.Map(document.getElementById("Map"), {
                credentials: myCredentials,
                center: new Microsoft.Maps.Location(47.592, -122.332),
                zoom: 10,
                showScalebar: false
            });

            Microsoft.Maps.registerModule("MinimapModule", "MinimapModule/MinimapModule.js");
            Microsoft.Maps.loadModule("MinimapModule", {
                callback: function () {
                    new MinimapModule(map, myCredentials, true);
                }
            });
        }
    </script>
</head>
<body onload="GetMap()">
    <div style="position:relative;width:800px;height:600px;margin-left:auto;margin-right:auto;">
        <div id='Map'></div>
    </div>
</body>
</html>